<!DOCTYPE html>
<html lang="en">
@@include('./include/meta.html', {"title":"首页"})
<style>
    .container {
        position: relative;
    }
</style>
<body>
@@include('./include/header.html')
<div class="home-body">
    <div class="container-fluid container-fluid-max">
        <div class="row">
            <div class="swiper-container home-slider">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="./img/baimu_04.jpg" class="img-responsive" alt=""></div>
                    <div class="swiper-slide"><img src="./img/baimu_04.jpg" class="img-responsive" alt=""></div>
                    <div class="swiper-slide"><img src="./img/baimu_04.jpg" class="img-responsive" alt=""></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev">
                </div>
                <div class="swiper-button-next">
                </div>
                <!-- 如果需要滚动条 -->
            </div>
        </div>
        <div class="row">
            <div class="container home-about-us">
                <div class="row about-title">
                    <h2 class="text-center">About us <br>
                        <span style="font-weight: 200;">公司</span>
                    </h2>
                </div>
                <div class="row about-content">
                    <div class="about-us-background">
                        <img src="./img/intrduction.png" class="img-responsive" alt="">
                    </div>
                    <div class="home-about-us-content">
                        <div class=" col-md-12">
                            <h3 class="text-center article-title role-move-animate">
                                <a href="" class="">北京 <span>BYM</span> 设计研究院</a><br>
                                <span>beijingbaimuyuanshejiyanjiuyuan</span>
                            </h3>
                        </div>
                        <div class=" col-md-12">
                            <p class="article-content role-move-animate">
                                北京百木园空间设计研究院。【BMY】致力于中国特色元素的设计和研究，并创办了北京百木园空间设计研究院，是一家集室内设计，UI设计与艺术
                                体验项目为一体设计公司，公司拥有专业的设计团队。我们可接室内设计项目包括大型豪宅、精装房、各种样板间、酒店、会所、餐厅等。我们除了提供
                                专业软装服务和产品落地实施之外，还做原创绘画、茶具、茶海、大小根雕摆件、陶瓷摆件、藤之类装饰品等产品销售，体验陶艺生活，可拉
                                坯、彩绘陶艺，可接团体预约活动，包场玩乐，包场拍摄取景等，是一个集合性质的远景设计机构。
                            </p>
                        </div>
                        <div class="row role-move-animate">
                            <a href="" class="label label-danger label-button-point col-md-2 col-md-offset-5 role-move-animate">
                                <span class="left"></span>
                                关于BYM更多
                                <span class="right"></span>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="home-case-show">
                <h2 class="text-center home-title role-move-animate">About us <br>
                    <span style="font-weight: 200;">案例展示</span>
                </h2>
                <div class="container-fluid text-center role-move-animate">
                    <img src="./img/baimu_09.jpg" alt="" class="img-responsive home-case-line">
                </div>
                <div class="home-cass-tab role-move-animate">

                    <!-- Nav tabs -->
                    <ul class="home-cass-tab-nav container text-center role-move-animate" role="tablist">
                        <li role="presentation" class="active col-md-3 ">
                            <a href="#home" aria-controls="home" role="tab" data-toggle="tab">
                                <div class="tab-font">QUANBUANLI </div>
                                全部案例
                            </a>
                        </li>
                        <li role="presentation" class="col-md-3">
                            <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">
                                <div class="tab-font">SHINEISHEJI </div>
                                室内设计
                            </a>
                        </li>
                        <li role="presentation" class="col-md-3">
                            <a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">
                                <div class="tab-font">YUANCHUANGCHANPIN</div>
                                原创产品
                            </a>
                        </li>
                        <li role="presentation" class="col-md-3"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">
                            <div class="tab-font">UI SHE JI</div>
                            UI设计
                        </a>
                        </li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content role-move-animate">
                        <div role="tabpanel" class="tab-pane active" id="home">
                            <ul class="list-unstayled list-inline case-show-list container-fluid row">
                                <li class="col-md-3">
                                    <a href="" class="case-show-img">
                                        <img src="./img/baimu_08.jpg" class="img-responsive show-image" alt="">
                                    </a>
                                    <a href="" class="case-show-moudel">
                                      <div class="case-content">
                                          <h3 class="case-content-translation">OURSET CASE PRODUCT LIST</h3>
                                          <div class="case-content-china">案例展示</div>
                                          <div class="case-content-main">
                                              软件设计可分为两个部分
                                              文的缩写从字面上看是用户与界面部分组
                                          </div>
                                          <ul class="case-content-time list-unstyled">
                                              <li>
                                                  <span class="block"></span>
                                                  2017.3.17
                                              </li>
                                              <li><span class="block"></span>2018.5.6</li>
                                          </ul>
                                      </div>
                                    </a>
                                </li>
                                <li class="col-md-3">
                                    <a href="" class="case-show-img">
                                        <img src="./img/show1.png" class="img-responsive show-image" alt="">
                                    </a>
                                    <a href="" class="case-show-moudel">
                                        <div class="case-content">
                                            <h3 class="case-content-translation">OURSET CASE PRODUCT LIST</h3>
                                            <div class="case-content-china">案例展示</div>
                                            <div class="case-content-main">
                                                软件设计可分为两个部分
                                                文的缩写从字面上看是用户与界面部分组
                                            </div>
                                            <ul class="case-content-time list-unstyled">
                                                <li>
                                                    <span class="block"></span>
                                                    2017.3.17
                                                </li>
                                                <li><span class="block"></span>2018.5.6</li>
                                            </ul>
                                        </div>
                                    </a>
                                </li>
                                <li class="col-md-3">
                                    <a href="" class="case-show-img">
                                        <img src="./img/show2.png" class="img-responsive show-image" alt="">
                                    </a>
                                    <a href="" class="case-show-moudel">
                                        <div class="case-content">
                                            <h3 class="case-content-translation">OURSET CASE PRODUCT LIST</h3>
                                            <div class="case-content-china">案例展示</div>
                                            <div class="case-content-main">
                                                软件设计可分为两个部分
                                                文的缩写从字面上看是用户与界面部分组
                                            </div>
                                            <ul class="case-content-time list-unstyled">
                                                <li>
                                                    <span class="block"></span>
                                                    2017.3.17
                                                </li>
                                                <li><span class="block"></span>2018.5.6</li>
                                            </ul>
                                        </div>
                                    </a>
                                </li>
                                <li class="col-md-3">
                                    <a href="" class="case-show-img">
                                        <img src="./img/baimu_08.jpg" class="img-responsive show-image" alt="">
                                    </a>
                                    <a href="" class="case-show-moudel">
                                        <div class="case-content">
                                            <h3 class="case-content-translation">OURSET CASE PRODUCT LIST</h3>
                                            <div class="case-content-china">案例展示</div>
                                            <div class="case-content-main">
                                                软件设计可分为两个部分
                                                文的缩写从字面上看是用户与界面部分组
                                            </div>
                                            <ul class="case-content-time list-unstyled">
                                                <li>
                                                    <span class="block"></span>
                                                    2017.3.17
                                                </li>
                                                <li><span class="block"></span>2018.5.6</li>
                                            </ul>
                                        </div>
                                    </a>
                                </li>
                                <li class="col-md-3">
                                    <a href="" class="case-show-img">
                                        <img src="./img/baimu_08.jpg" class="img-responsive show-image" alt="">
                                    </a>
                                    <a href="" class="case-show-moudel">
                                        <div class="case-content">
                                            <h3 class="case-content-translation">OURSET CASE PRODUCT LIST</h3>
                                            <div class="case-content-china">案例展示</div>
                                            <div class="case-content-main">
                                                软件设计可分为两个部分
                                                文的缩写从字面上看是用户与界面部分组
                                            </div>
                                            <ul class="case-content-time list-unstyled">
                                                <li>
                                                    <span class="block"></span>
                                                    2017.3.17
                                                </li>
                                                <li><span class="block"></span>2018.5.6</li>
                                            </ul>
                                        </div>
                                    </a>
                                </li>
                                <li class="col-md-3">
                                    <a href="" class="case-show-img">
                                        <img src="./img/show1.png" class="img-responsive show-image" alt="">
                                    </a>
                                    <a href="" class="case-show-moudel">
                                        <div class="case-content">
                                            <h3 class="case-content-translation">OURSET CASE PRODUCT LIST</h3>
                                            <div class="case-content-china">案例展示</div>
                                            <div class="case-content-main">
                                                软件设计可分为两个部分
                                                文的缩写从字面上看是用户与界面部分组
                                            </div>
                                            <ul class="case-content-time list-unstyled">
                                                <li>
                                                    <span class="block"></span>
                                                    2017.3.17
                                                </li>
                                                <li><span class="block"></span>2018.5.6</li>
                                            </ul>
                                        </div>
                                    </a>
                                </li>
                                <li class="col-md-3">
                                    <a href="" class="case-show-img">
                                        <img src="./img/show2.png" class="img-responsive show-image" alt="">
                                    </a>
                                    <a href="" class="case-show-moudel">
                                        <div class="case-content">
                                            <h3 class="case-content-translation">OURSET CASE PRODUCT LIST</h3>
                                            <div class="case-content-china">案例展示</div>
                                            <div class="case-content-main">
                                                软件设计可分为两个部分
                                                文的缩写从字面上看是用户与界面部分组
                                            </div>
                                            <ul class="case-content-time list-unstyled">
                                                <li>
                                                    <span class="block"></span>
                                                    2017.3.17
                                                </li>
                                                <li><span class="block"></span>2018.5.6</li>
                                            </ul>
                                        </div>
                                    </a>
                                </li>
                                <li class="col-md-3">
                                    <a href="" class="case-show-img">
                                        <img src="./img/baimu_08.jpg" class="img-responsive show-image" alt="">
                                    </a>
                                    <a href="" class="case-show-moudel">
                                        <div class="case-content">
                                            <h3 class="case-content-translation">OURSET CASE PRODUCT LIST</h3>
                                            <div class="case-content-china">案例展示</div>
                                            <div class="case-content-main">
                                                软件设计可分为两个部分
                                                文的缩写从字面上看是用户与界面部分组
                                            </div>
                                            <ul class="case-content-time list-unstyled">
                                                <li>
                                                    <span class="block"></span>
                                                    2017.3.17
                                                </li>
                                                <li><span class="block"></span>2018.5.6</li>
                                            </ul>
                                        </div>
                                    </a>
                                </li>

                            </ul>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="profile">.3..</div>
                        <div role="tabpanel" class="tab-pane" id="messages">.4..</div>
                        <div role="tabpanel" class="tab-pane" id="settings">..6.</div>
                    </div>

                </div>

            </div>
        </div>
        <div class="container">
            <div class="row home-new-products">
                <h2 class="text-center home-title role-move-animate">PRODUCT DISPLAY<br>
                    <span style="font-weight: 200;">产品展示</span>
                </h2>
                <div class="products-new-show">
                    <div class="col-md-4 show-left">
                        <h2>新品专区 ·</h2>
                        <span class="active">NEW</span>
                        <span>ZONE</span>
                        <div class="col-md-12 row text-center">
                            <a href="" class="label  label-button-point label-default col-md-5">
                                <span class="left"></span>
                               了解详情
                                <span class="right"></span>
                            </a>
                        </div>
                        <div class="col-md-12 text-center show-left-img">
                            <img src="./img/baimu_product_10.jpg" alt="" class="">
                        </div>
                    </div>
                    <div class="col-md-8 show-right">
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-right-img">
                                <div class="col-md-12 text-center">
                                    <img src="./img/baimu_product_07.jpg"  class="" alt="">
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-link col-md-8 col-md-offset-2">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>
                                <div class="col-md-12 text-center">
                                    yuanchuagntaoyui
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-default col-md-7">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-right-img">
                                <div class="col-md-12 text-center">
                                    <img src="./img/baimu_product_03.jpg"  class="" alt="">
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-link col-md-8 col-md-offset-2">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>
                                <div class="col-md-12 text-center">
                                    yuanchuagntaoyui
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-default col-md-7">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-right-img">
                                <div class="col-md-12 text-center">
                                    <img src="./img/baimu_product_03.jpg"  class="" alt="">
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-link col-md-8 col-md-offset-2">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>
                                <div class="col-md-12 text-center">
                                    yuanchuagntaoyui
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-default col-md-7">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-right-img">
                                <div class="col-md-12 text-center">
                                    <img src="./img/baimu_product_05.jpg"  class="" alt="">
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-link col-md-8 col-md-offset-2">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>
                                <div class="col-md-12 text-center">
                                    yuanchuagntaoyui
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-default col-md-7">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-right-img">
                                <div class="col-md-12 text-center">
                                    <img src="./img/baimu_product_03.jpg"  class="" alt="">
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-link col-md-8 col-md-offset-2">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>
                                <div class="col-md-12 text-center">
                                    yuanchuagntaoyui
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-default col-md-7">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-right-img">
                                <div class="col-md-12 text-center">
                                    <img src="./img/baimu_product_05.jpg"  class="" alt="">
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-link col-md-8 col-md-offset-2">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>
                                <div class="col-md-12 text-center">
                                    yuanchuagntaoyui
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="label label-button-point label-default col-md-7">
                                        <span class="left"></span>
                                        了解详情
                                        <span class="right"></span>
                                    </a>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 show-bottom">
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-bottom-img">
                                <div class="content1">
                                    <div class="item1">
                                        <a href="" class="">
                                            <span class="left">·</span>
                                            原创陶瓷
                                            <span class="right">·</span>
                                         </a>
                                        <span>yuanchuagntaoci</span>
                                    </div>
                                    <div class="item2">
                                        <a href="" class="label label-default label-button-point">
                                            <span class="left"></span>
                                            了解详情
                                            <span class="right"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12 text-center">
                                    <a href="" class="">
                                        <img src="./img/up.png" class="img-responsive" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-bottom-img">
                                <div class="content2">
                                    <div class="item1">
                                        <a href="" class="">
                                            <span class="left">·</span>
                                            原创陶瓷
                                            <span class="right">·</span>
                                        </a>
                                        <span>yuanchuagntaoci</span>
                                    </div>
                                    <div class="item2">
                                        <a href="" class="label label-default label-button-point">
                                            <span class="left"></span>
                                            了解详情
                                            <span class="right"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12 text-center">
                                    <a href="" class="">
                                        <img src="./img/right.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-bottom-img">
                                <div class="content3">
                                    <div class="item1">
                                        <a href="" class="">
                                            <span class="left">·</span>
                                            原创陶瓷
                                            <span class="right">·</span>
                                        </a>
                                        <span>yuanchuagntaoci</span>
                                    </div>
                                    <div class="item2">
                                        <a href="" class="label label-default label-button-point">
                                            <span class="left"></span>
                                            了解详情
                                            <span class="right"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12 text-center">
                                    <a href="" class="">
                                        <img src="./img/down.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-bottom-img">
                                <div class="content1">
                                    <div class="item1">
                                        <a href="" class="">
                                            <span class="left">·</span>
                                            原创陶瓷
                                            <span class="right">·</span>
                                        </a>
                                        <span>yuanchuagntaoci</span>
                                    </div>
                                    <div class="item2">
                                        <a href="" class="label label-default label-button-point">
                                            <span class="left"></span>
                                            了解详情
                                            <span class="right"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12 text-center">
                                    <a href="" class="">
                                        <img src="./img/up.png" class="img-responsive" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-bottom-img">
                                <div class="content2">
                                    <div class="item1">
                                        <a href="" class="">
                                            <span class="left">·</span>
                                            原创陶瓷
                                            <span class="right">·</span>
                                        </a>
                                        <span>yuanchuagntaoci</span>
                                    </div>
                                    <div class="item2">
                                        <a href="" class="label label-default label-button-point">
                                            <span class="left"></span>
                                            了解详情
                                            <span class="right"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12 text-center">
                                    <a href="" class="">
                                        <img src="./img/right.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 show-right-product-list">
                            <div class="show-bottom-img">
                                <div class="content3">
                                    <div class="item1">
                                        <a href="" class="">
                                            <span class="left">·</span>
                                            原创陶瓷
                                            <span class="right">·</span>
                                        </a>
                                        <span>yuanchuagntaoci</span>
                                    </div>
                                    <div class="item2">
                                        <a href="" class="label label-default label-button-point">
                                            <span class="left"></span>
                                            了解详情
                                            <span class="right"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-12 text-center">
                                    <a href="" class="">
                                        <img src="./img/down.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="our-design">
            <div class="row our-design-title">
                <h3 class="col-md-12 text-center">
                   我们的设计师
                </h3>
                <div class="col-md-12 subtitle">In my mind ,everyone should be ......, so ......</div>
            </div>
            <div class="swiper-container our-design-swiper container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="our-design-show">
                            <div class="show-item">
                                <div class="content">
                                    <img src="./img/header-img.png" alt="" class="img-circle">
                                    <h3 class="content-name">
                                        <span>·</span>
                                        <a href="" class="">吴慧芳</a>
                                        <span>·</span>
                                    </h3>
                                    <div class="content-label">
                                        <span>资深室内设计师</span>
                                    </div>
                                    <div class="content-main">
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；

                                    </div>
                                    <div class="content-more">
                                        <a href="" class="label label-default label-button-point">
                                            <span class="left"></span>
                                            了解详情
                                            <span class="right"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="img-background">
                                    <img src="./img/header-moudle.png" alt="" class="img-responsive">
                                </div>
                            </div>
                            <div class="show-item">
                                <div class="content">
                                    <img src="./img/header-img.png" alt="" class="img-circle">
                                    <h3 class="content-name">
                                        <span>·</span>
                                        <a href="" class="">吴慧芳</a>
                                        <span>·</span>
                                    </h3>
                                    <div class="content-label">
                                        <span>资深室内设计师</span>
                                    </div>
                                    <div class="content-main">
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；

                                    </div>

                                </div>
                                <div class="img-background">
                                    <img src="./img/header-moudle.png" alt="" class="img-responsive">
                                </div>
                            </div>
                            <div class="show-item">
                                <div class="content">
                                    <img src="./img/header-img.png" alt="" class="img-circle">
                                    <h3 class="content-name">
                                        <span>·</span>
                                        <a href="" class="">吴慧芳</a>
                                        <span>·</span>
                                    </h3>
                                    <div class="content-label">
                                        <span>资深室内设计师</span>
                                    </div>
                                    <div class="content-main">
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；

                                    </div>

                                </div>
                                <div class="img-background">
                                    <img src="./img/header-moudle.png" alt="" class="img-responsive">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="our-design-show">
                            <div class="show-item">
                                <div class="content">
                                    <img src="./img/header-img.png" alt="" class="img-circle">
                                    <h3 class="content-name">
                                        <span>·</span>
                                        <a href="" class="">吴慧芳</a>
                                        <span>·</span>
                                    </h3>
                                    <div class="content-label">
                                        <span>资深室内设计师</span>
                                    </div>
                                    <div class="content-main">
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；

                                    </div>
                                    <div class="content-more">
                                        <a href="" class="label label-default label-button-point">
                                            <span class="left"></span>
                                            了解详情
                                            <span class="right"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="img-background">
                                    <img src="./img/header-moudle.png" alt="" class="img-responsive">
                                </div>
                            </div>
                            <div class="show-item">
                                <div class="content">
                                    <img src="./img/header-img.png" alt="" class="img-circle">
                                    <h3 class="content-name">
                                        <span>·</span>
                                        <a href="" class="">吴慧芳</a>
                                        <span>·</span>
                                    </h3>
                                    <div class="content-label">
                                        <span>资深室内设计师</span>
                                    </div>
                                    <div class="content-main">
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；

                                    </div>

                                </div>
                                <div class="img-background">
                                    <img src="./img/header-moudle.png" alt="" class="img-responsive">
                                </div>
                            </div>
                            <div class="show-item">
                                <div class="content">
                                    <img src="./img/header-img.png" alt="" class="img-circle">
                                    <h3 class="content-name">
                                        <span>·</span>
                                        <a href="" class="">吴慧芳</a>
                                        <span>·</span>
                                    </h3>
                                    <div class="content-label">
                                        <span>资深室内设计师</span>
                                    </div>
                                    <div class="content-main">
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；
                                        阿萨德飞机暗示法；

                                    </div>

                                </div>
                                <div class="img-background">
                                    <img src="./img/header-moudle.png" alt="" class="img-responsive">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <!-- 如果需要分页器 -->
                <div class="button-pagination"></div>
            <!-- 如果需要导航按钮 -->
                <div class="button-prev"></div>
                <div class="button-next"></div>
            <!-- 如果需要滚动条 -->
        </div>
    </div>
    <div class="container-fluid">
        <div class="container company-status">
            <div class="row">
                <h2 class="text-center home-title">
                   ASDLFKJASDLKFJ ASLDFKJ
                    <br>
                    <span>公司动态</span>
                </h2>
                <div class="">
                    <img src="./img/line-red.png" alt="" class="img-responsive">
                </div>
                <div class="col-md-12 cricle-content">
                    <div class="col-md-3">
                        <div class="cricle-border">
                            <img src="./img/cricle-title.png" alt="" class="img-cricle">
                        </div>
                        <div class="cricle-title">
                            <div class="angular"></div>
                            <div class="title-main">最新活动</div>
                            <div class="title-translate">jasldfjlkajsdfl</div>
                            <div class="title-article">
                                爱丽丝肯德基福利卡惊世毒妃
                                爱丽丝肯德基福利卡惊世毒妃
                                爱丽丝肯德基福利卡惊世毒妃
                                爱丽丝肯德基福利卡惊世毒爱丽丝肯德基福利卡惊世毒爱丽丝肯德基福利卡惊世毒爱丽丝肯德基福利卡惊世毒妃

                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="cricle-border">
                            <img src="./img/cricle-title2.png" alt="" class="img-cricle">
                        </div>
                        <div class="cricle-title">
                            <div class="angular"></div>
                            <div class="title-main">最新活动</div>
                            <div class="title-translate">jasldfjlkajsdfl</div>
                            <div class="title-article">
                                爱丽丝肯德基福利卡惊世毒妃
                                爱丽丝肯德基福利卡惊世毒妃
                                爱丽丝肯德基福利卡惊世毒妃
                                爱丽丝肯德基福利卡惊世毒爱丽丝肯德基福利卡惊世毒爱丽丝肯德基福利卡惊世毒爱丽丝肯德基福利卡惊世毒妃

                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="cricle-border">
                            <img src="./img/cricle-title.png" alt="" class="img-cricle">
                        </div>
                        <div class="cricle-title">
                            <div class="angular"></div>
                            <div class="title-main">最新活动</div>
                            <div class="title-translate">jasldfjlkajsdfl</div>
                            <div class="title-article">
                                爱丽丝肯德基福利卡惊世毒妃
                                爱丽丝肯德基福利卡惊世毒妃
                                爱丽丝肯德基福利卡惊世毒妃
                                爱丽丝肯德基福利卡惊世毒爱丽丝肯德基福利卡惊世毒爱丽丝肯德基福利卡惊世毒爱丽丝肯德基福利卡惊世毒妃

                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="cricle-border">
                            <img src="./img/cricle-title2.png" alt="" class="img-cricle">
                        </div>
                        <div class="cricle-title">
                            <div class="angular"></div>
                            <div class="title-main">最新活动</div>
                            <div class="title-translate">jasldfjlkajsdfl</div>
                            <div class="title-article">
                                爱丽丝肯德基福利卡惊世毒妃


    <div class="container-fluid" style="height: 100px;">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>


</div>

<!--@@include('./include/footer.html')-->
@@include('./include/bottom.html')
</body>
@@include('./include/javascript.html')
<script>
    var mySwiper = new Swiper ('.swiper-container', {
        loop: true,
        autoplay: 5000,
//        width: 1200,
        // 如果需要分页器
        pagination: '.swiper-pagination',
        paginationClickable: true,
        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev'

        // 如果需要滚动条
//        scrollbar: '.swiper-scrollbar',
    });
    $('.home-about-us').smoove({
        offset: '30%',
        moveY: '300px'
    });
    $('.role-move-animate').smoove({
        offset: '30%',
        moveY: "200px",
    });
    var ssb = new Swiper ('.our-design-swiper', {
        loop: true,
        autoplay: 5000,
//        width: 1200,
        // 如果需要分页器
        pagination: '.button-pagination',
        paginationClickable: true,

        // 如果需要前进后退按钮
        nextButton: '.button-next',
        prevButton: '.button-prev'

        // 如果需要滚动条
//        scrollbar: '.swiper-scrollbar',
    });
    $('.cricle-border').hover(function () {
        $(this).addClass('active-cricle');
        $(this).siblings('.cricle-title').addClass('active-cricle-title');
        $(this).siblings('.cricle-title').find('.angular').css({display: 'block'});
    }, function () {
        $(this).removeClass('active-cricle');
        $(this).siblings('.cricle-title').removeClass('active-cricle-title');
        $(this).siblings('.cricle-title').find('.angular').css({display: 'none'});
    });
    $('.cricle-title').hover(function () {
        $(this).addClass('active-cricle-title');
        $(this).siblings('.cricle-border').addClass('active-cricle');
        $(this).find('.angular').css({display: 'block'});
    }, function () {
        $(this).removeClass('active-cricle-title');
        $(this).siblings('.cricle-border').removeClass('active-cricle');
        $(this).find('.angular').css({display: 'none'});
    })

</script>
</html>